@media(min-width:1240px) {
    body.boxed #wrapper, body.boxed .body-inner, body.boxed-simple #wrapper, body.boxed-simple .body-inner {
        float: none;
        width: 1220px;
        margin: 0 auto
    }

    body.boxed .body-inner, body.boxed-simple #wrapper {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .news-section-wrapper {
        padding: 0 40px
    }
}

@media(max-width:991px) {
    #header #header-wrap #logo {
        margin: 0 auto !important;
        max-width: 130px;
        position: absolute !important;
        z-index: 2
    }

    #wrapper, .body-inner {
        width: 100%;
        margin: 0
    }

    .p-t-200 {
        padding-top: 80px !important
    }

    .p-b-200 {
        padding-bottom: 80px !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .grid-articles:not(.post-carousel) .post-entry {
        width: 50%
    }

        .grid-articles:not(.post-carousel) .post-entry:first-child {
            width: 100%
        }

            .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 {
                font-size: 20px
            }

        .grid-articles:not(.post-carousel) .post-entry .post-entry-meta .post-entry-meta-title h2 {
            font-size: 13px
        }

        .grid-articles:not(.post-carousel) .post-entry .post-entry-overlay {
            border-width: 0 !important
        }

    .post-thumbnails .post-item:not(.quote) .post-item-description {
        width: 100% !important
    }

    .news-ticker {
        display: none
    }

    .news-section-wrapper {
        padding: 0
    }

    .widget {
        float: left;
        width: 100%
    }

    .mfp-ajax-holder .mfp-close {
        margin-right: 0
    }

    .mfp-close {
        font-size: 22px;
        height: 30px;
        line-height: 32px;
        width: 30px
    }

    .map {
        min-height: 240px
    }

    .sm-text-center {
        text-align: center !important
    }

    .sm-text-left {
        text-align: left !important
    }

    .sm-text-right {
        text-align: right !important
    }

    .sm-left {
        float: left !important
    }

    .sm-right {
        float: right !important
    }

    .sm-center {
        float: none !important;
        margin: 0 auto
    }

    .row.vertical-align {
        display: block
    }

    .sm-m-b-0 {
        margin-bottom: 0 !important
    }

    .sm-m-b-5 {
        margin-bottom: 5px !important
    }

    .sm-m-b-10 {
        margin-bottom: 10px !important
    }

    .sm-m-b-15 {
        margin-bottom: 15px !important
    }

    .sm-m-b-20 {
        margin-bottom: 20px !important
    }

    .sm-m-b-25 {
        margin-bottom: 25px !important
    }

    .sm-m-b-30 {
        margin-bottom: 30px !important
    }

    .sm-m-b-35 {
        margin-bottom: 35px !important
    }

    .sm-m-b-40 {
        margin-bottom: 40px !important
    }

    .sm-m-b-50 {
        margin-bottom: 50px !important
    }

    .sm-m-b-60 {
        margin-bottom: 60px !important
    }

    .sm-m-b-70 {
        margin-bottom: 70px !important
    }

    .sm-m-b-80 {
        margin-bottom: 80px !important
    }

    .sm-m-b-90 {
        margin-bottom: 90px !important
    }

    .sm-m-b-100 {
        margin-bottom: 100px !important
    }

    .sm-m-b-150 {
        margin-bottom: 150px !important
    }

    .sm-m-b-200 {
        margin-bottom: 200px !important
    }

    .sm-m-t-0 {
        margin-top: 0 !important
    }

    .sm-m-t-5 {
        margin-top: 5px !important
    }

    .sm-m-t-10 {
        margin-top: 10px !important
    }

    .sm-m-t-15 {
        margin-top: 15px !important
    }

    .sm-m-t-20 {
        margin-top: 20px !important
    }

    .sm-m-t-25 {
        margin-top: 25px !important
    }

    .sm-m-t-30 {
        margin-top: 30px !important
    }

    .sm-m-t-35 {
        margin-top: 35px !important
    }

    .sm-m-t-40 {
        margin-top: 40px !important
    }

    .sm-m-t-50 {
        margin-top: 50px !important
    }

    .sm-m-t-60 {
        margin-top: 60px !important
    }

    .sm-m-t-70 {
        margin-top: 70px !important
    }

    .sm-m-t-80 {
        margin-top: 80px !important
    }

    .sm-m-t-90 {
        margin-top: 90px !important
    }

    .sm-m-t-100 {
        margin-top: 100px !important
    }

    .sm-m-l-0 {
        margin-left: 0 !important
    }

    .sm-m-l-5 {
        margin-left: 5px !important
    }

    .sm-m-l-10 {
        margin-left: 10px !important
    }

    .sm-m-l-15 {
        margin-left: 15px !important
    }

    .sm-m-l-20 {
        margin-left: 20px !important
    }

    .sm-m-l-25 {
        margin-left: 25px !important
    }

    .sm-m-l-30 {
        margin-left: 30px !important
    }

    .sm-m-l-35 {
        margin-left: 35px !important
    }

    .sm-m-l-40 {
        margin-left: 40px !important
    }

    .sm-m-l-50 {
        margin-left: 50px !important
    }

    .sm-m-l-60 {
        margin-left: 60px !important
    }

    .sm-m-l-70 {
        margin-left: 70px !important
    }

    .sm-m-l-80 {
        margin-left: 80px !important
    }

    .sm-m-l-90 {
        margin-left: 90px !important
    }

    .sm-m-l-100 {
        margin-left: 100px !important
    }

    .sm-m-r-0 {
        margin-right: 0 !important
    }

    .sm-m-r-5 {
        margin-right: 5px !important
    }

    .sm-m-r-10 {
        margin-right: 10px !important
    }

    .sm-m-r-15 {
        margin-right: 15px !important
    }

    .sm-m-r-20 {
        margin-right: 20px !important
    }

    .sm-m-r-25 {
        margin-right: 25px !important
    }

    .sm-m-r-30 {
        margin-right: 30px !important
    }

    .sm-m-r-35 {
        margin-right: 35px !important
    }

    .sm-m-r-40 {
        margin-right: 40px !important
    }

    .sm-m-r-50 {
        margin-right: 50px !important
    }

    .sm-m-r-60 {
        margin-right: 60px !important
    }

    .sm-m-r-70 {
        margin-right: 70px !important
    }

    .sm-m-r-80 {
        margin-right: 80px !important
    }

    .sm-m-r-90 {
        margin-right: 90px !important
    }

    .sm-m-r-100 {
        margin-right: 100px !important
    }

    .sm-m-0 {
        margin: 0 !important
    }

    .sm-m-5 {
        margin: 5px !important
    }

    .sm-m-10 {
        margin: 10px !important
    }

    .sm-m-15 {
        margin: 15px !important
    }

    .sm-m-20 {
        margin: 20px !important
    }

    .sm-m-25 {
        margin: 25px !important
    }

    .sm-m-30 {
        margin: 30px !important
    }

    .sm-m-35 {
        margin: 35px !important
    }

    .sm-m-40 {
        margin: 40px !important
    }

    .sm-m-50 {
        margin: 50px !important
    }

    .sm-m-60 {
        margin: 60px !important
    }

    .sm-m-70 {
        margin: 70px !important
    }

    .sm-m-80 {
        margin: 80px !important
    }

    .sm-m-90 {
        margin: 90px !important
    }

    .sm-m-100 {
        margin: 100px !important
    }

    .profile-content .profile-image {
        height: 300px;
        position: relative;
        width: 100%;
        display: table
    }

        .profile-content .profile-image .profile-name {
            display: table-cell;
            height: 100%;
            padding: 30px;
            position: relative;
            vertical-align: bottom;
            width: 100%
        }

            .profile-content .profile-image .profile-name h3 {
                font-size: 70px;
                line-height: 20px;
                margin-bottom: 10px;
                text-align: center
            }

    .profile-content .profile-bio {
        display: block;
        float: none;
        height: auto;
        margin: 15px auto;
        padding: 15px;
        width: 750px
    }

    .modal-strip.modal-active .vertical-align {
        top: 0 !important;
        transform: translateY(0) !important
    }
}

@media(max-width:767px) {
    #wrapper, .body-inner {
        width: 100% !important
    }

    .col-lg-1, .col-lg-11, .col-lg-12, .col-lg-19, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        clear: left;
        width: 100%
    }

    .col-md-10, .col-md-11, .col-md-12, .col-md-7, .col-md-8, .col-md-9 {
        width: 100% !important
    }

    .col-10, .col-11, .col-12, .col-7, .col-8, .col-9 {
        width: 100% !important
    }

    section {
        padding: 40px 0
    }

    .xs-text-center {
        text-align: center !important
    }

    .xs-text-left {
        text-align: left !important
    }

    .xs-text-right {
        text-align: right !important
    }

    .p-xs-20 {
        padding: 20px !important
    }

    .profile-content .profile-image .profile-name h3 {
        display: none
    }

    .profile-content .profile-bio {
        width: 470px
    }
}

@media(min-width:480px) and (max-width:767px) {
    .post-2-columns .post-item, .post-3-columns .post-item, .post-4-columns .post-item, .post-5-columns .post-item, .post-6-columns .post-item {
        margin-right: 2%;
        width: 98%
    }

    s .profile-content .profile-bio {
        margin: 20px auto;
        padding: 20px
    }
}

@media(max-width:479px) {
    .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1), .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2), .grid-articles:not(.post-carousel) .post-entry, .grid-articles:not(.post-carousel) .post-entry:first-child {
        width: 100%
    }

        .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(1) .post-entry-meta .post-entry-meta-title h2 a, .grid-articles.grid-articles-v2:not(.post-carousel) .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a, .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a {
            font-size: 16px
        }

    .post-2-columns .post-item, .post-3-columns .post-item, .post-4-columns .post-item, .post-5-columns .post-item, .post-6-columns .post-item {
        margin-right: 0;
        width: 100%
    }

    .post-thumbnail .post-audio, .post-thumbnail .post-content-details, .post-thumbnail .post-embed, .post-thumbnail .post-image, .post-thumbnail .post-meta, .post-thumbnail .post-slider, .post-thumbnail .post-video {
        width: 100%;
        padding: 0
    }

    .countdown .countdown-box {
        height: 60px !important;
        padding: 2px 0 0 !important;
        width: 60px !important;
        margin: 0 !important;
        border: solid 0 !important
    }

        .countdown .countdown-box .number {
            font-size: 20px !important;
            margin-bottom: 0
        }

    .countdown .countdown-container .countdown-box span {
        font-size: 10px !important;
        padding-top: 0
    }

    .hero-heading-3 {
        background-color: #fff;
        border: 30px solid #fff;
        padding: 30px;
        width: 100%;
        margin: 0
    }

        .hero-heading-3 h2, .hero-heading-3 h3 {
            font-size: 40px !important;
            line-height: 40px !important
        }

    .profile-content .profile-image {
        height: 200px
    }

    .profile-content .profile-bio {
        margin: 0;
        padding: 20px;
        width: 100%
    }
}



/* Custom */

@media(min-width:992px) {
    html[dir="rtl"] .info-counter-section .offset-lg-2 {
        margin-left: 0;
        margin-right: 16.666667%;
    }
}

    @media(max-width:991px) {
        .display-991 {
            display: block;
        }

        .display-up-991 {
            display: none;
        }

        #header #mainMenu-trigger {
            margin-right: 10px;
        }

        #header #header-wrap #logo, #header .header-inner #logo {
            margin-top: 10px !important;
        }

        #mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span {
            color: #fff !important;
            background-color: #0d4f8c;
        }

        .mainMenu-open #header #mainMenu {
            width: calc(100% + 0px);
        }

        .language-switch > span, #mainMenu nav > ul > li:hover > span {
            border: 1px solid #0d4f8c !important;
            color: #0d4f8c;
        }

        .language-switch a, .language-switch a:hover {
            color: #0d4f8c;
            font-size: 16px;
        }

        .owl-carousel.arrows-large .owl-nav [class*="owl-"] {
            width: 40px;
            height: 40px;
            line-height: 0;
        }

            .owl-carousel.arrows-large .owl-nav [class*="owl-"] i {
                line-height: 28px;
            }

        .about-section .heading-section.m-b-40, .about-section .heading-text.heading-section > h2 {
            margin-bottom: 0 !important;
        }

        .about-section .about-pic-1 {
            display: none;
        }

        .about-section .about-pic-2 {
            display: block;
            width: 100%;
            text-align: center;
        }

        .our-vision p.lead.text-justify {
            width: 100%;
        }

        .mission-box img {
            float: none;
            margin-right: auto;
        }

        .mission-box p {
            text-align: center;
        }

        .mission-box {
            padding: 15px 10px;
            min-height: 170px;
        }

        .product-usage .icon-box.border {
            margin: 0 auto;
            display: block;
        }

        .product-usage .image-small {
            width: 160px;
            height: 160px;
        }

        .box-image-2 {
            height: 100px;
        }

            .box-image-2 img {
                margin: 0 !important;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

        #owl-carousel-1 .owl-nav .owl-prev {
            left: -40px;
        }

        #owl-carousel-1 .owl-next {
            right: -40px;
        }

        .contact-info, .copyright-content .copyright-text, .copyright-content .col-lg-6.text-right {
            text-align: center !important;
        }

        .copyright-content .footer-icon {
            display: inline-block;
            margin-top: 20px;
        }

        html[dir="rtl"] .offset-md-2 {
            margin-left: 0;
            margin-right: 16.666667% !important;
        }

        html[dir="rtl"] #header #mainMenu-trigger {
            margin-right: 0;
            margin-left: 10px;
            float: left;
        }

        html[dir="rtl"] .mainMenu-open #header #mainMenu {
            padding-right: 0;
            padding-left: 20px;
        }

        html[dir="rtl"] #header #mainMenu:not(.menu-overlay) > .container {
            text-align: right !important;
        }

        html[dir="rtl"] #header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown::before {
            right: auto;
            left: 2px;
        }

        html[dir="rtl"] #header.dark[data-transparent="true"] #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a {
            padding-left: 0;
            padding-right: 10px;
        }

        html[dir="rtl"] .mission-box img {
            float: none;
            margin: 0 auto;
        }

        html[dir="rtl"] .offset-lg-3 {
            margin-right: 0;
        }

        html[dir="rtl"] #owl-carousel-1 .owl-prev {
            right: -40px;
        }

        html[dir="rtl"] #owl-carousel-1 .owl-next {
            left: -40px;
        }

        html[dir="rtl"] .contact-info, html[dir="rtl"] .copyright-content .copyright-text, html[dir="rtl"] .copyright-content .col-lg-6.text-right {
            text-align: center !important;
        }
    }

    @media(max-width:767px) {
        h3 {
            text-align: center;
        }

        #board .col-md-4 span {
            margin-bottom: 20px;
        }

        .box-image-2 {
            height: auto;
            margin: 0 0 20px 0;
            text-align: center;
        }

            .box-image-2 img {
                margin: 0 !important;
                position: relative;
                top: auto;
                transform: translateY(0);
                max-width: 60%;
                width: auto !important;
            }

        .mission-box {
            min-height: 0;
        }

        html[dir="rtl"] .offset-md-2 {
            margin-right: 0 !important;
        }
    }

    @media(max-width:600px) {
        .heading-text.heading-section > h2 {
            font-size: 30px;
        }

        section.certificate .wrap {
            float: none;
            display: inline-block;
            padding-left: 0;
        }

            section.certificate .wrap .services {
                height: auto;
                padding-bottom: 10px;
            }

        .products-section img {
            margin-top: 10px;
        }

        .you-are {
            display: block;
        }
    }